.error{
    width: 100%;
    height: auto;
}

/* error404 */
.error404{
    width: 100%;
    height: auto;
}
.error404T{
    width: 100%;
    height: auto;
    padding: 80px 0px 15px 0px;
    border-bottom: 1px solid #f5f5f5;
}
.error404T img{
    display: block;
    width: 147px;
    height: auto;
    margin: 0px auto 20px auto;
}
.error404T p{
    font-size: 18px;
    color: #333;
    text-align: center;
}
.error404B{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.error404BC{
    width: 230px;
    height: auto;
    margin: 0px auto;
}
.error404BC h4{
    font-size: 14px;
    color: #939ba3;
    font-weight: normal;
    line-height: 26px;
}
.error404BC span{
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-left: 20px;
}
.error404BC span p{
    font-size: 14px;
    color: #939ba3;
    line-height: 26px;
    background: url(../../static/images/error404B.png) no-repeat left center;
	background-size:5px 5px;
    padding-left: 10px;
    white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.error404BC a{
    display: block;
    width: 82px;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    background: #2793eb;
    margin: 35px auto 0px auto;
}
.error404BC a:hover{
    opacity: 0.8;
}

/* error500 */
.error500{
    width: 1000px;
    height: auto;
    margin: 10% auto 0px auto;
}
.error500L{
    display: block;
    width: 37%;
    height: auto;
    float: left;
}
.error500R{
    width: 49%;
    height: auto;
    float: right;
    margin-top: 11%;
}
.error500R h4{
    font-size: 22px;
    color: #e98d55;
    font-weight: normal;
}
.error500R span{
    display: block;
    width: 100%;
    height: auto;
    margin: 30px 0px 40px 0px;
}
.error500R span p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    background: url(../../static/images/error404B.png) no-repeat left center;
	background-size:5px 5px;
    padding-left: 10px;
}
.error500R a{
    display: block;
    width: 82px;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    background: #2793eb;
}
.error500R a:hover{
    opacity: 0.8;
}

/* errorOther */
.errorOther{
    width: 100%;
    height: auto;
    padding: 3% 0px 3% 0px;
}
.errorOtherImg{
    display: block;
    width: 47%;
    height: auto;
    float: right;
}
.errorOtherE{
    width: 53%;
    height: auto;
    float: left;
    margin-top: 20%;
}
.errorOtherE h4{
    font-size: 90px;
    color: #99cff9;
    font-weight: normal;
}
.errorOtherE p{
    font-size: 36px;
    color: #d1ebfe;
}
.errorOtherE a{
    display: block;
    width: 82px;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    background: #2793eb;
    margin-top: 40px;
}
.errorOtherE a:hover{
    opacity: 0.8;
}





/* 媒体查询 */
/** max-width:1024px **/
@media only screen and (max-width: 1023px){
	.errorOtherE h4{
        font-size: 40px;
    }
    .errorOtherE p{
        font-size: 18px;
    }
}

/** max-width:1000px **/
@media only screen and (max-width: 999px){
	.error500{
        width: 94%;
    }
}

/** max-width:750px **/
@media only screen and (max-width: 749px){
	.error500L{
        width: 37%;
        float: none;
        margin: 0px auto;
    }
    .error500R{
        width: 100%;
        float: none;
        margin-top: 30px;
    }
    .errorOtherImg{
        width: 47%;
        float: none;
        margin: 0px auto;
    }
    .errorOtherE{
        width: 100%;
        float: none;
        margin-top: 30px;
        text-align: center;
    }
    .errorOtherE a{
        margin: 40px auto 0px auto;
    }
}

/** max-width:560px **/
@media only screen and (max-width: 559px){
	.error500L{
        width: 46%;
    }
   
}

















